<template>
  <div class="myzan">

  <mt-header fixed title="我的赞">
       <router-link to="/" slot="left">
         <mt-button icon="back">返回</mt-button>
       </router-link>
     </mt-header>

     <div class="mt-cell-zan">
       <mt-cell title="百年孤独" label="捐赠：李小风" to="/" background="red" solt="left">
       <img src="../../assets/image/renlei.jpg">
       </mt-cell>
       <img class="mt-cell-cancel" src="../../assets/zan.png">
       </div>

       <div class="mt-cell-zan">
       <mt-cell title="偷影子的人" label="捐赠：李风" to="/" background="red" solt="left">
       <img src="../../assets/image/tou.png">
       </mt-cell>
       <img class="mt-cell-cancel" src="../../assets/zan.png">
       </div>

       <div class="mt-cell-zan">
       <mt-cell title="全球通史" label="捐赠：李大风" to="/" background="red" solt="left">
       <img src="../../assets/image/tongshi.jpg">
       </mt-cell>
       <img class="mt-cell-cancel" src="../../assets/zan.png">
       </div>
  </div>
</template>

<script>
import { Toast } from 'mint-ui';
export default {
  data() {
    return {
      title:'我的赞',
      username:'',
    }
}
};
</script>
<style>
.mt-cell-zan{
  text-align: left;
  margin:10px;
  padding-bottom:40px;
  border-bottom:1px solid #f5f5f5;

}
.mt-cell-cancel{
  width:20px;
  height:20px;
  float:right;
  margin: 10px;
}
</style>